<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
    <p id="p1">12345678</p>

    

    <script>
        let p1 = document.getElementById("p1")
        //p1:dom元素，dom元素就可以调用dom方法，remove（），appendchild(),setAttribute()
        //dom对象无法调用jQuery方法
        // p1.style.backgroundColor = "red"

        // $("#p1").css('background-color','blue')
        $("p").css('background-color','blue')
        //可以在括号里加双引号然后加标签名
        //css()方法，就是jQuery封装的方法，只有jQuery对象才能调用
        // $(p1).css('background-color','blue')
        //$(dom元素):可以将一个dom元素转换成jQuery元素

        
    </script>
</body>
</html>